<template>
	<view class="doctor-container">
		<scroll-view class="scroll-view_H" scroll-y="true">
			<view class="flex flex-column align-center">
				<view class="item" v-for="(item,index) in datas" :key="index">
					<view class="flex align-center p-b-20" style="border-bottom: 1px solid #eeeeee;">
						<text class="f-s-30 f-bold">张益达</text>
					</view>
					<view class="flex align-center justify-between p-t-15 p-b-15 p-l-15 p-r-15">
						<text class="color-999">科室</text>
						<text class="color-323232">眼科</text>
					</view>
					<view class="flex align-center justify-between p-t-15 p-b-15 p-l-15 p-r-15">
						<text class="color-999">病区</text>
						<text class="color-323232">眼科</text>
					</view>
					<view class="flex align-center justify-between p-t-15 p-b-15 p-l-15 p-r-15">
						<text class="color-999">床位</text>
						<text class="color-323232">眼科</text>
					</view>
					<view class="flex align-center justify-between p-t-15 p-b-15 p-l-15 p-r-15">
						<text class="color-999">医生</text>
						<text class="color-323232">眼科</text>
					</view>
					<view class="flex align-center justify-between p-t-15 p-b-15 p-l-15 p-r-15">
						<text class="color-999">住院号</text>
						<text class="color-323232">眼科</text>
					</view>
					<view class="flex align-center justify-between p-t-15 p-b-15 p-l-15 p-r-15">
						<text class="color-999">入院日期</text>
						<text class="color-323232">眼科</text>
					</view>
					<view class="flex align-center justify-between p-t-15 p-b-15 p-l-15 p-r-15">
						<text class="color-999">押金余额</text>
						<text style="color: #FF6430;">￥1234.5</text>
					</view>

					<view class="to-register" @click="toSettlement(item)">
						<u-button type="primary" text="出院结算"></u-button>
					</view>
				</view>

			</view>
		</scroll-view>

	</view>
</template>

<script>
	import {
		getFunctionList
	} from "@/api/home/settlementOutHospital.js";
	import {
		getDictType
	} from "@/api/system/public.js";
	export default {
		data() {
			return {
				datas: [1, 2, 3]
			}
		},
		onLoad: function(res) {

		},
		methods: {
			getData() {
				// getFunctionList(this.id).then(res => {

				// });
			},
			/* 去结算 */
			toSettlement(res){
				uni.navigateTo({
					url: '/pages/home/settlementOutHospital/settlementDetail'
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	page {
		height: 100%;

		.doctor-container {
			width: 100%;
			height: 100%;
			background-color: #F6F7F9;

			.to-register {
				width: 100%;
			}

			.scroll-view_H {
				width: 100%;
				height: 100%;
				padding: 24rpx;
				.item {
					width: 100%;
					padding: 20rpx;
					margin-bottom: 20rpx;
					border-radius: 10rpx;
					background-color: #fff;
				}
			}

		}

	}
</style>
